<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
		<view @tap="toDemo">
			<u-button text="SB阿成" color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"></u-button>
		</view>
		<view>
			<uni-card title="基础卡片" extra="额外信息">
				<text>这是一个基础卡片示例，此示例展示了一个标题加标题额外信息的标准卡片。</text>
			</uni-card>
		</view>
		<view>
			<i class="iconfont Horse-lvyou"></i>
		</view>
		<view>
			<i class="iconfont Horse-lvyoufabu"></i>
		</view>
<!-- 		<view>
			<ux :imgList="list"></ux>
		</view> -->
	</view>
</template>


<script>
// import ux from '../../components/imgsBanner-tag/index.vue'
	export default {
		data() {
			return {
				title: 'Hello',
				list:[
					{url:'../../static/nan.png'},
					{url:'../../static/nan.png'},
				]
			}
		},
		onLoad() {

		},
		methods: {
			toDemo(){
				// uni.navigateTo({
				//   　　  // url: 'new-page/new-vue-page-1?data=Hello'
				//   　　     url: '../../components/imgsBanner-tag/imgsBanner-tag' //跳转地址
				//   　　  })
			}
		},
		components:{
			// ux
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
